.#{$namespace}-pagination, .pagination {
	position: relative;

	&:before, &:after {
		display: table;
		content: '';
		clear: both;
	}

	> li {
		float: left;
		border-radius: 2px;
		border: $default-border;
		color: $primary-color;
		transition: all 0.5s;

		> a, > span {
			display: inline-block;
			padding: 2px 10px;
		}

		&.disabled {
			color: #999;
		}

		&:not(.disabled):hover, &.active {
			background-color: $primary-color;
			border-color: darken($primary-color, 5%);
			//border-radius: 24px;
			//@include transform(rotate(360deg));
			> a, > span {
				color: white;
			}
		}
	}

	> li:not(:last-child) {
		margin-right: 5px;
	}
}
